import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './plugins/element.js'
//导入字体图标。
import './assets/fonts/iconfont.css'
//导入全局样式表
import './assets/css/global.css'
import TreeTable from 'vue-table-with-tree-grid'
//导入富文本编辑器
import VueQuillEditor from 'vue-quill-editor'
// require styles : 导入富文本编辑器对应的样式
import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme


//ajax请求先配置：1，先导入axios包，2，Vue.prototype.$http = axios,把包挂载到vue的原型对象上。每一个vue的组件，都可以通过this，直接访问到$http，从而发ajax请求。
import axios from "axios";
//设置请求的根路径
axios.defaults.baseURL = `http://127.0.0.1:8888/api/private/v1/`
//通过接口获取菜单数据.: 通过axios请求拦截器添加token,保证拥有获取数据的权限.以下就是设计拦截器. .request就是请求拦截器
axios.interceptors.request.use(config => {
  console.log(config);
  config.headers.Authorization = window.sessionStorage.getItem('token')
  //再最后必须return config
  return config
})
Vue.prototype.$http = axios

Vue.config.productionTip = false
//先安装了插件，导入到项目中，并用component 将它注册为全局可用的组件。
Vue.component('tree-table',TreeTable)
Vue.use(VueQuillEditor)

//要把时间格式化，用到全局过滤器: 名字，处理函数
Vue.filter('dataFormat',function (originVal){
     const dt = new Date(originVal)
      const y = dt.getFullYear()
  //真实的月份+ ‘’ 等于了字符串，然后不足2位前面补0
      const m = (dt.getMonth() + 1 + '').padStart(2,'0')
      const  d =(dt.getDate() + '').padStart(2,'0')
      const hh =(dt.getHours()+'').padStart(2,'0')
      const mm = (dt.getMinutes() +'').padStart(2,'0')
      const ss=(dt.getSeconds()+'').padStart(2,'0')

  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
